<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            用户列表
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="../../css/x-admin.css" media="all">
        <script type="text/javascript" src="../../js/jquery.min.js"></script>
        <script type="text/javascript" src="../../js/frame.js"></script>
        <script type="text/javascript" src="../../js/user-list.js"></script>
    </head>
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>用户管理</cite></a>
              <a><cite>用户列表</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
        </div>
        <div class="x-body">
            <div class="layui-form x-center" action="" style="width:80%">
                <div class="layui-form-pane" style="margin-top: 15px;">
                  <div class="layui-form-item">
                    <label class="layui-form-label">日期范围</label>
                    <div class="layui-input-inline">
                      <input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
                    </div>
                    <div class="layui-input-inline">
                      <input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
                    </div>
                    <div class="layui-input-inline">
                      <input type="text" id="username" name="username"  placeholder="请输入登录名" autocomplete="off" class="layui-input">
                    </div>
                  <div class="layui-input-inline">
                      <input type="text" id="realname" name="realname"  placeholder="请输入真实姓名" autocomplete="off" class="layui-input">
                  </div>
                    <div class="layui-input-inline" style="width:80px">
                        <button class="layui-btn"  lay-filter="search" id="search"><i class="layui-icon">&#xe615;</i></button>
                    </div>
                  </div>
                </div> 
            </div>
            <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><button class="layui-btn" onclick="admin_add('添加用户','user-add.html','600','500')"><i class="layui-icon">&#xe608;</i>添加</button><span class="x-right" style="line-height:40px">共有数据：<span id="size"></span> 条</span></xblock>
            <fieldset class="layui-elem-field">
                <legend>列表</legend>
                <div class="layui-field-box">
                    <table class="layui-table" id="t_userInfo">

                    </table>
                </div>
            </fieldset>
            <div class="admin-table-page">
                <div id="paged" class="page">
                </div>
            </div>

            <!--<table class="layui-table">-->
                <!--<thead>-->
                    <!--<tr>-->
                        <!--<th><input type="checkbox" name="" value=""></th>-->
                        <!--<th>-->
                            <!--ID-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--登录名-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--手机-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--邮箱-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--角色-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--加入时间-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--状态-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--操作-->
                        <!--</th>-->
                    <!--</tr>-->
                <!--</thead>-->
                <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td><input type="checkbox" value="1" name=""></td>-->
                        <!--<td>-->
                            <!--1-->
                        <!--</td>-->
                        <!--<td>-->
                            <!--admin-->
                        <!--</td>-->
                        <!--<td >-->
                            <!--18925139194-->
                        <!--</td>-->
                        <!--<td >-->
                            <!--113664000@qq.com-->
                        <!--</td>-->
                        <!--<td >-->
                            <!--超级管理员-->
                        <!--</td>-->
                        <!--<td>-->
                            <!--2017-01-01 11:11:42-->
                        <!--</td>-->
                        <!--<td class="td-status">-->
                            <!--<span class="layui-btn layui-btn-normal layui-btn-mini">-->
                                <!--已启用-->
                            <!--</span>-->
                        <!--</td>-->
                        <!--<td class="td-manage"><a style="text-decoration:none" onclick="admin_stop(this,'10001')" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a><a title="编辑" href="javascript:;" onclick="admin_edit('编辑','admin-edit.html','4','','510')"class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a><a title="删除" href="javascript:;" onclick="admin_del(this,'1')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td>-->
                    <!--</tr>-->
                <!--</tbody>-->
            <!--</table>-->

            <!--<div id="page"></div>-->
        </div>
        <script src="../../lib/layui/layui.js" charset="utf-8"></script>
        <script src="../../js/x-layui.js" charset="utf-8"></script>
        <script>
            function initPage(){
                layui.use(['laydate','element','laypage'], function(){
                    $ = layui.jquery;//jquery
                    laydate = layui.laydate;//日期插件
                    lement = layui.element();//面包导航
                    laypage = layui.laypage;//分页
                    //以上模块根据需要引入
                    laypage({
                        cont: 'paged',
                        pages:totalPage,
                        curr: currentPage,
                        last: totalPage,
                        skip: true,
                        prev: '<em>上一页</em>',
                        next: '<em>下一页</em>',
                        jump: function(obj, first){
                            //得到了当前页，用于向服务端请求对应数据
                            currentPage = obj.curr;
                            startPage = (obj.curr-1)*size;
                            if(!first){ //一定要加此判断，否则初始时会无限刷新
                                search(currentPage);//一定要把翻页的ajax请求放到这里，不然会请求两次。
                            }
                        }
                    });
                    var start = {
                        max: '2099-06-16 23:59:59'
                        ,istoday: false
                        ,choose: function(datas){
                            end.min = datas; //开始日选好后，重置结束日的最小日期
                            end.start = datas //将结束日的初始值设定为开始日
                        }
                    };

                    var end = {
                        min: laydate.now()
                        ,max: '2099-06-16 23:59:59'
                        ,istoday: false
                        ,choose: function(datas){
                            start.max = datas; //结束日选好后，重置开始日的最大日期
                        }
                    };

                    document.getElementById('LAY_demorange_s').onclick = function(){
                        start.elem = this;
                        laydate(start);
                    }
                    document.getElementById('LAY_demorange_e').onclick = function(){
                        end.elem = this
                        laydate(end);
                    }
                });
            }

            var pageRes;
            //分页参数设置 这些全局变量关系到分页的功能
            var startPage = 0;
            var currentPage = 0;//当前页
            var size = 3;//单页记录数
            var totalPage = 0;//总页数
            function search(){
                layui.use(['layer'], function() {
                    layer = layui.layer;//弹出层
                    layer.load();
                    var date_s  = $("#LAY_demorange_s").val();
                    var date_e = $("#LAY_demorange_e").val();
                    var username = $("#username").val();
                    var realname = $("#realname").val();
                    // $.post(getContextPath()+"/html/findUserForPage", {date_s:date_s,date_e:date_e,userName:username,realName:realname,page:currentPage,size:size}, function (data) {
                    //     // layer.alert(data, {
                    //     //         title: "删除操作",
                    //     //         btn: ['确定']
                    //     //     },
                    //     //     function (index, item) {
                    //     //         //layer.close(index);
                    //     //         location.reload();
                    //     //     });
                    //     if(data.success!=false){
                    //         alert(5555);
                    //         pageRes = data.content;
                    //         createHtml(pageRes.records);
                    //         startPage = pageRes.page;
                    //         totalPage = Math.ceil(pageRes.total/pageRes.size);
                    //         $("#size").html(pageRes.total);
                    //     }
                    // });

                    $.ajax({
                        url:getContextPath()+"/html/findUserForPage",
                        type:"post",
                        data:{date_s:date_s,date_e:date_e,userName:username,realName:realname,page:currentPage,size:size},
                        success:function(data){
                            if(data.success!=false){
                                pageRes = data.content;
                                createHtml(pageRes.records);
                                startPage = pageRes.page;
                                totalPage = Math.ceil(pageRes.total/pageRes.size);
                                $("#size").html(pageRes.total);
                                initPage();
                                layer.closeAll();
                            }
                        },
                        error:function(e){
                            alert("系统错误，请联系管理员！！");
                        }
                    });
                });
            }
            //构建分页数据
            function createHtml(data){
                var s = "<thead><tr><th><input type=\"checkbox\" id=\"checkAll\" name=\"checkAll\" onchange=\"checkAllClick(this)\" value=\"\"></th><th>姓名</th><th>性别</th><th>账户名</th><th>电话</th><th>机构</th><th>角色</th><th>状态</th><th>邮箱</th><th>备注</th><th>创建时间</th><th>操作</th></tr>";
                $.each(data,function(v,o){
                    s+='<tr><td><input type="checkbox" name="items" id="'+o.id+'"></td>'
                    s+='<td>'+o.realName+'</td>';
                    if(o.sex!=undefined&&o.sex!=null){
                        if(o.sex=='1'){
                            s+='<td>男</td>';
                        }else{
                            s+='<td>女</td>';
                        }
                    }else{
                        s+='<td>'+o.sex+'</td>';
                    }
                    s+='<td>'+o.userName+'</td>';
                    s+='<td>'+o.phone+'</td>';
                    s+='<td>'+o.orgName+'</td>';
                    s+='<td>'+o.roleName+'</td>';
                    if(o.status!=undefined&&o.status!=null){
                        if(o.status=='01'){
                            s+='<td><span class="status">正常</span></td>';
                        }else{
                            s+='<td><span class="status" style="color: red">禁用</span></td>';
                        }
                    }else{
                        s+='<td>'+o.status+'</td>';
                    }
                    s+='<td>'+o.email+'</td>';
                    s+='<td>'+o.remark+'</td>';
                    s+='<td>'+o.createTime+'</td>';
                    if(o.status!=undefined&&o.status!=null){
                        if(o.status=='01'){
                            s+='<td class="td-manage"><a style="text-decoration:none" onclick="admin_stop(this,'+'\''+o.id+'\''+')" href="javascript:;" title="禁用"><i class="layui-icon">&#xe601;</i></a>&nbsp;&nbsp;&nbsp;<a title="编辑" href="javascript:;" onclick="admin_edit(\'编辑\',\'user-edit.html\','+'\''+o.id+'\''+',\'\',\'510\')"class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a>&nbsp;&nbsp;&nbsp;<a title="删除" href="javascript:;" onclick="admin_del(this,'+'\''+o.id+'\''+')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td></tr>';
                        }else{
                            s+='<td class="td-manage"><a style="text-decoration:none" onclick="admin_start(this,'+'\''+o.id+'\''+')" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>&nbsp;&nbsp;&nbsp;<a title="编辑" href="javascript:;" onclick="admin_edit(\'编辑\',\'user-edit.html\','+'\''+o.id+'\''+',\'\',\'510\')"class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a>&nbsp;&nbsp;&nbsp;<a title="删除" href="javascript:;" onclick="admin_del(this,'+'\''+o.id+'\''+')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td></tr>';
                        }
                    }else{
                        s+='<td class="td-manage"><a style="text-decoration:none" onclick="admin_start(this,'+'\''+o.id+'\''+')" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>&nbsp;&nbsp;&nbsp;<a title="编辑" href="javascript:;" onclick="admin_edit(\'编辑\',\'user-edit.html\','+'\''+o.id+'\''+',\'\',\'510\')"class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a>&nbsp;&nbsp;&nbsp;<a title="删除" href="javascript:;" onclick="admin_del(this,'+'\''+o.id+'\''+')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td></tr>';
                    }
                });
                if(data.length>0){
                    $("#t_userInfo").html(s);
                }else{
                    $("#paged").hide();
                    $("#t_userInfo").html("<br/><span style='width:10%;height:30px;display:block;margin:0 auto;'>暂无数据</span>");
                }

            }

            //批量删除提交
             function delAll() {
                 $("input[name='items']:checked").each(function(){
                     ids.push($(this).attr("id"));
                 });
                if(ids.length==0){
                    layer.msg('请选择记录', {icon: 2});
                    return false;
                }
                layer.confirm('确认要删除吗？',function(index){
                    var idstr =ids.join(",");
                    $.ajax({
                        url:getContextPath()+"/html/deleteUserByIds",
                        type:"post",
                        data:{ids:idstr},
                        success:function(data){
                            if(data.success!=false){
                                layer.msg('已删除!',{icon:1,time:1000});
                                location.reload();
                            }
                        }
                    });
                });
             }
             /*添加*/
            function admin_add(title,url,w,h){
                x_admin_show(title,url,w,h);
            }

            //编辑
            function admin_edit (title,url,id,w,h) {
                x_admin_show(title,url+"?id="+id,w,h);
            }

             /*停用*/
            function admin_stop(obj,id){
                layer.confirm('确认要禁用吗？',function(index){
                    $.ajax({
                        url:getContextPath()+"/html/changeUserStatus",
                        type:"post",
                        data:{id:id,status:"02"},
                        success:function(data){
                            if(data.success!=false){
                                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_start(this,'+'\''+id+'\''+')" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
                                $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">已禁用</span>');
                                $(obj).parents("tr").find(".status").html("禁用");
                                $(obj).parents("tr").find(".status").css("color","red");
                                $(obj).remove();
                                layer.msg('已禁用!',{icon: 5,time:1000});
                            }
                        },
                        error:function(e){
                            alert("系统错误，请联系管理员！！");
                        }
                    });
                });
            }

            /*启用*/
            function admin_start(obj,id){
                layer.confirm('确认要启用吗？',function(index){
                    $.ajax({
                        url:getContextPath()+"/html/changeUserStatus",
                        type:"post",
                        data:{id:id,status:"01"},
                        success:function(data){
                            if(data.success!=false){
                                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_stop(this,'+'\''+id+'\''+')" href="javascript:;" title="禁用"><i class="layui-icon">&#xe601;</i></a>');
                                $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');
                                $(obj).parents("tr").find(".status").html("正常");
                                $(obj).parents("tr").find(".status").css("color","");
                                $(obj).remove();
                                layer.msg('已启用!',{icon: 6,time:1000});
                            }
                        },
                        error:function(e){
                            alert("系统错误，请联系管理员！！");
                        }
                    });
                });
            }

            /*删除*/
            function admin_del(obj,id){
                layer.confirm('确认要删除吗？',function(index){
                    $.ajax({
                        url:getContextPath()+"/html/deleteUserById",
                        type:"post",
                        data:{id:id},
                        success:function(data){
                            if(data.success!=false){
                                layer.msg('已删除!',{icon:1,time:1000});
                                location.reload();
                            }
                        },
                        error:function(e){
                            alert("系统错误，请联系管理员！！");
                        }
                    });
                });
            }

            //实现全选与反选
            function checkAllClick(obj){
                if (obj.checked){
                    $("input[name='items']:checkbox").each(function(){
                        // $(this).attr("checked", true);
                        this.checked=true;
                    });
                } else {
                    $("input[name='items']:checkbox").each(function() {
                        // $(this).attr("checked", false);
                        this.checked = false;
                    });
                }
            }

            //获取被选中的id
            var ids=[];
            function getCheckAll(){
                $("input[name='items']:checked").each(function(){
                    ids.push($(this).attr("id"));
                });
                var delIds=ids.join(",");
                return delIds;
            }
            </script>
            <!--<script>-->
        <!--var _hmt = _hmt || [];-->
        <!--(function() {-->
          <!--var hm = document.createElement("script");-->
          <!--hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";-->
          <!--var s = document.getElementsByTagName("script")[0]; -->
          <!--s.parentNode.insertBefore(hm, s);-->
        <!--})();-->
        <!--</script>-->
    </body>
</html>